<ion-header>
    <div class="header-content" style="background-image: url(./assets/imgs/more_bg.png); ">
        <div class="header-content-nav">
                {{ 'more.title' | translate }}
            <!-- <i class="iconfont icon-detail_share"></i> -->
        </div>
        <div class="header-content-info">
            <span [style.background-image]="'url('+src+user.avatar+')'" (click)='goto(myPage)'></span>
            <p>{{user.lastname||'loading'}}</p>
            <p>{{_level(user.level)||'loading'}}</p>
        </div>
    </div>
</ion-header>
<ion-content >
    <div class="more-content">
        <div class="content-padding">
            <a class="content-padding-item" (click)="goto(postPage)">
                <i class="iconfont icon-more_post hc-icon" style="color: #3A80F3;"></i>
                <p>{{ 'more.Post' | translate }} <i class="iconfont icon-next"></i></p>
            </a>
            <!-- <a class="content-padding-item" (click)="goto(walletPage)">
                <i class="iconfont icon-more_wallet hc-icon" style="color: #FCA103;"></i>
                <p>{{ 'more.Wallet' | translate }} <i class="iconfont icon-next"></i></p>
            </a> -->
            <a class="content-padding-item" *ngIf="level!=3" (click)="goto(verifyPage)" >
                <i class="iconfont icon-more_verification hc-icon" style="color: #F97925;"></i>
                <p>{{ 'more.Verification' | translate }} <i class="iconfont icon-next"></i></p>
            </a>
            <a class="content-padding-item" (click)="goto(checkPage)">
                <i class="iconfont icon-more_report hc-icon" style="color: #0390FC;"></i>
                <p>{{ 'more.Credit' | translate }} <i class="iconfont icon-next"></i></p>
            </a>
            <a class="content-padding-item" (click)="goto(resetPage)">
                <i class="iconfont icon-more_key hc-icon" style="color: #12B8FD;"></i>
                <p>{{ 'more.login' | translate }} <i class="iconfont icon-next"></i></p>
            </a>
            <a class="content-padding-item" (click)="goto(paypwdPage)">
                <i class="iconfont icon-more_password hc-icon" style="color: #2A87FA;"></i>
                <p>{{ 'more.payment' | translate }}<i class="iconfont icon-next"></i></p>
            </a>
            <a class="content-padding-item" style="position:relative">
                <i class="iconfont icon-more_t hc-icon" style="color: #1499FF;"></i>
                <p>{{ 'more.Language' | translate }} <i class="iconfont icon-next"></i></p>
                <ion-multi-picker style="position:absolute;padding:0;width:100%;text-align:right;padding-right: 18px;padding-top: 4px;" [(ngModel)] = "default" (ngModelChange)="picker()" item-content [multiPickerColumns]="dependentColumns" doneText="OK"></ion-multi-picker>
            </a>
            <a class="content-padding-item" (click)="goto(setPage)">
                <i class="iconfont icon-more_setup hc-icon" style="color: #27A3FA;"></i>
                <p>{{ 'more.Settings' | translate }} <i class="iconfont icon-next"></i></p>
            </a>
        </div>
    </div>
</ion-content>